<!DOCTYPE html>
<html>

	<head>
		<title>小牛官网</title>
		<meta charset="utf-8">
		<link rel="stylesheet" href="css/style.css">
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<link rel="icon"  href="images/favicon-32x32.png"/>
		<link rel="stylesheet" href="css/animate.css" />
	</head>

	<body>
		<!-- 页面顶部 -->
		<header id='header' class='wrap'>
			<div class="nav con-box bounceInDown">
				<a href="index.html" class="nav-logo"></a>
				<ul class="nav-left">
					<li class='pop'>
						<a href="javascript:;" class='show'>小牛电动</a>
						<div class="collapse car-collapse">
							<ul>
								<li>
									<a href="m1.html">
										<img src="images/m1-header_93193f53.jpg" alt="" />
										<p class="">M1</p>
									</a>
								</li>
								<li>
									<a href="m1.html">
										<img src="images/n1-header_a7bccb9d.jpg" alt="" />
										<p>N1S</p>
									</a>
								</li>
							</ul>
						</div>
					</li>
					<li>
						<a href="#">商城</a>
					</li>
					<li>
						<a href="#">授权体验店</a>
					</li>
					<li class='pop'>
						<a href="javascript:;">服务</a>
						<div class="collapse service-collapse">
							<ul>
								<li>
									<a href="#">
										<span class='service-logo1'></span>
										<ol>
											<li>NIU CARE</li>
											<li>保养计划</li>
										</ol>
									</a>
								</li>
								<li>
									<a href="#">
										<span class='service-logo2'></span>
										<ol>
											<li>牛油保</li>
											<li>人车保险</li>
										</ol>
									</a>
								</li>
								<li>
									<a href="#">
										<span class='service-logo3'></span>
										<ol>
											<li>授权体验店</li>
											<li>查找线下服务</li>
										</ol>
									</a>
								</li>
							</ul>
						</div>
					</li>
					<li>
						<a href="#">社区</a>
					</li>
					<li>
						<a href="#" class='nav-logo2' title="一亿公里"><img src="images/8PVBu7JHmhIC0AAAAASUVORK5CYII=.png" alt="" /></a>
					</li>
				</ul>
				<ul class="nav-right">
					<li>
						<a href="javascript:;"><i class='pc'></i></a>
						<div class="collapse">
							<div class="login">
								<a href="#" class='login-left'>登录</a>
								<a href="#" class='login-right'>注册</a>
							</div>
						</div>
					</li>
					<li>
						<a href="#"><i class='sc'></i></a>
						<div class="collapse">
							<p style='text-align: center;margin-top: 30px;font-size: 14px;'>你的购物车是空的</p>
						</div>
					</li>
				</ul>
			</div>
		</header>
		<!-- 主体内容 -->
		<div class='wrap'>
			<!-- 1.轮播 -->
			<div class='con-wrap con-wrap1'>
				<!-- 滑动轮播 -->
				<div class="slider">
					<ul class='slider-box'>
						<li class='slider-img bg1'>
						</li>
						<li class='slider-img bg2'>
						</li>
						<li class='slider-img bg3'>
						</li>
						<li class='slider-img bg4'>
						</li>
					</ul>
					<ul class="slider-num">
						<li class='on'></li>
						<li></li>
						<li></li>
						<li></li>
					</ul>
				</div>
			</div>
			<!-- 2.新闻 -->
			<div class="con-wrap con-wrap2">
				<ul>
					<li>
						<a href="#">
							<div class='news-img'><img src="images/m1_71269e8b.jpg" alt="" /></div>
							<div class='news-txt'>
								<p>小牛电动M1 产品详情</p>
								<span>了解小牛电动M1出色的设计和全新科技</span>
							</div>
						</a>
					</li>
					<li>
						<a href="#">
							<div class='news-img'><img src="images/life_138cc812.jpg" alt="" /></div>
							<div class='news-txt'>
								<p>最全的小牛日常保养技巧</p>
								<span>让你的爱车清凉一夏</span>
							</div>
						</a>
					</li>
					<li>
						<a href="#">
							<div class='news-img'><img src="images/684_94eb54a3.jpg" alt="" /></div>
							<div class='news-txt'>
								<p>官方商城 配件上新</p>
								<span>满499元免运费</span>
							</div>
						</a>
					</li>
					<li>
						<a href="#">
							<div class='news-img'><img src="images/1201_14e52d57.jpg" alt="" /></div>
							<div class='news-txt'>
								<p>寻找小牛的手工匠人</p>
								<span>这是一个长期的寻人启事</span>
							</div>
						</a>
					</li>
				</ul>
			</div>
		</div>
		<!-- 页面底部 -->
		<footer id='footer' class='wrap'>
			<div class='foot-wrap'>
				<div class="bottom-nav">
					<ul class="list-nav">
						<li>
							<h3>了解产品</h3>
							<p>
								<a href="#">小牛电动 N1S</a>
							</p>
							<p>
								<a href="#">小牛电动 M1</a>
							</p>
							<p>
								<a href="#">配件</a>
							</p>
						</li>
						<li>
							<h3>服务与支持</h3>
							<p>
								<a href="#">查找网点</a>
							</p>
							<p>
								<a href="#">小牛驾到</a>
							</p>
							<p>
								<a href="#">牛油保</a>
							</p>
							<p>
								<a href="#">NIU CARE</a>
							</p>
							<p>
								<a href="#footer">售后政策</a>
							</p>
							<p>
								<a href="#header">NIU APP</a>
							</p>
						</li>
						<li>
							<h3>帮助中心</h3>
							<p>
								<a href="#">购买指南</a>
							</p>
							<p>
								<a href="#">支付方式</a>
							</p>
							<p>
								<a href="#">配送政策</a>
							</p>
						</li>
						<li>
							<h3>关于我们</h3>
							<p>
								<a href="#">公司简介</a>
							</p>
							<p>
								<a href="#">联系我们</a>
							</p>
							<p>
								<a href="#">加入我们</a>
							</p>
						</li>
						<li>
							<h3>关注我们</h3>
							<p>
								<a href="#">微信公众号</a>
							</p>
							<p>
								<a href="#">新浪微博</a>
							</p>
						</li>
						<li>
							<h3>客服</h3>
							<p>400-6388-666</p>
							<p>周一至周日 6:00-21:00</p>
							<p>
								<span>
								仅收市话费<br />
							 	售后由江苏小牛电动科技有限公司全权负责
						 	</span>
							</p>
						</li>
					</ul>
				</div>
				<div class="bottom-copy">
					<p class="copy-left">© 2016 niu.com All rights reserved. 北京牛电科技有限责任公司 京ICP备15010724号-1&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>
					<p class="copy-right">International&nbsp;&nbsp;&nbsp;&nbsp;中国</p>
				</div>
			</div>
		</footer>
		<!-- 此乃JS部分 -->
		<script src="js/jquery-1.11.3.js"></script>
		<script src="js/index.js"></script>
	</body>

</html>




